<template>
	<div>
		<div v-if="type === 'A'">A</div>
    <div v-else-if="type === 'B'">B</div>
    <div v-else>C</div>
    <h1 v-show="ok">Hello!</h1>
	</div>
</template>
<script>
export default {
  data () { 
    return {
    	type: 'C',
      ok: true
    } 
  }
 }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.class1 {
  font-size:60px;
  color:red;
}
</style>
